<template>
    <div class="footer">
        <h1>Footer{{count}}</h1>
        <button @click="getMovieListHandelRequest">获取电影列表</button>
        <ul>
            <li v-for="item in movieList" :key="item.tvId">{{item.albumName}}</li>
        </ul>
    </div>
</template>

<script>
import { mapActions, mapState } from 'vuex'
    export default {
        name : 'Footer',
        computed:{ 
            ...mapState(["count","movieList"])
        },
        methods:{
            ...mapActions(["getMovieListHandelRequest"])
        }
    }
</script>

<style scoped>
.footer {
  margin: 30px;
  background: palevioletred;
}
</style>